<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>展华科技产品集团用户管理系统</title>
  <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  <!-- Bootstrap 3.3.2 -->
  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <!-- FontAwesome 4.3.0 -->
  <link href="plugins/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <!-- Theme style -->
  <link href="css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link href="css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
  <!-- Date Picker -->
  <link href="plugins/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
  <!-- Daterange picker -->
  <link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
  <!-- bootstrap wysihtml5 - text editor -->
  <link href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
  <!-- bootstrap checkbox -->
  <link href="plugins/bootstrap-checkbox/css/bootstrap-checkbox.css" rel="stylesheet" type="text/css" />
  <link href="css/app.css" rel="stylesheet" />
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="http://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="http://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
<script src="plugins/jQuery/jQuery-2.1.3.min.js"></script>
<script src="js/diandongche.js" type="text/javascript"></script>
</head>
<body class="skin-blue" >
<div class="wrapper">
  <header class="main-header">
    <!-- Logo -->
    <a href="/" class="logo">展华集团用户管理系统</a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">切换侧边栏</span>
      </a>
      
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
  <!-- sidebar: style can be found in sidebar.less -->
  <section class="sidebar">
    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu" id="sidebar-menu">
      
    </ul>
    <script>
        ddche.leftNav();
    </script>
  </section>
  <!-- /.sidebar -->
</aside>
    <!--********************************************************************************************** -->
    <script src="laydate/laydate.js"></script>
<aside class="right-side">
    <section class="content">
<div class="box box-success">
    <div class="box-header">
      <h3 class="box-title">设备查询</h3>
    </div>
    <div class="box-body">
        <form class="form-inline" data-parsley-validate>
          <div class="form-group">
            <label><input type="radio" name="type" value="0" class="car-police-type" checked>IMEI</label>
            <label><input type="radio" name="type" value="1" class="car-police-type">车牌号</label>
            <input type="text" class="form-control" id="seachType" name="imei" placeholder="" >
          </div>
          <div class="form-group">
            <label>开始日期时间</label>
            <input type="text" class="form-control" name="beginTime" placeholder="" onclick="laydate({format:'YYYY-MM-DD hh:mm:ss'})"  >
          </div>
          <div class="form-group">
            <label>结束日期时间</label>
            <input type="text" class="form-control" name="endTime" placeholder="" onclick="laydate({format:'YYYY-MM-DD hh:mm:ss'})" >
          </div>
         
          <button type="submit" class="btn btn-primary">查询</button>
        </form>
    </div>
  </div>
    <div class="box">
        <table class="table table-bordered">
              <thead>
                <tr>
                    <th>报警时间</th>
                    <th>设备型号</th>
                    <th>IMEI</th>
                    <th>车牌</th>
                    <th>车载手机</th>
                    <th>车主手机</th>
                    <th>报警类型</th>
                    <th>位置</th>
                </tr>
              </thead>
                <tbody id="cont">
                 
                </tbody>
            </table>
            <table style="display:none;">
                <tbody id="temp" rel="/api/device/alarm" type="get" call="carPolice">
                 <tr rel="{id}">
                      <td>{createTime}</td>
                      <td>{deviceType}</td>
                      <td><a href="car-detail.html?carDeviceId={deviceId}">{imei}</a></td>
                      <td>{vehicleNumber}</td>
                      <td>{phone}</td>
                      <td>{masterMobile}</td>
                      <td>{alarm}</td>
                      <td><a href="car-map.html?imei={imei}" >位置</a>
                      </td>
                  </tr>
                </tbody>
            </table> 
            <div class="box-footer clearfix">
                <ul class="pagination pagination-sm no-margin pull-right" id="page" relPage="5">

                </ul>
            </div>
    </div>

    </section>
  </aside>
    <!--********************************************************************************************** -->
<script >
    var car_police_data={};

    car_police_data.imei=ddche.GetQueryString("imei"),
    car_police_data.beginTime=ddche.GetQueryString("beginTime").replace("+","%20"),
    car_police_data.endTime=ddche.GetQueryString("endTime").replace("+","%20"),
    car_police_data.vehicleNumber=ddche.GetQueryString("vehicleNumber");
    for(var x in car_police_data){
        $("[name='"+x+"']").val(decodeURIComponent(car_police_data[x]));
    }
</script>
<footer class="main-footer">
  <div class="pull-right hidden-xs">
    <b>电话：0755-82049709&nbsp;&nbsp;邮箱：zhanhuakj@foxmail.com&nbsp;&nbsp;深圳市车公庙天安数码时代大厦A座2207-2208号</b>
  </div>
  <strong>Copyright &copy; 2014-2025 <a href="#">深圳市展华科技有限公司</a>.</strong>
</footer>
</div><!-- ./wrapper -->


<!-- jQuery 2.1.3 -->
<!-- parsley.js -->
<script>
window.ParsleyConfig = {
  errorsWrapper: '<span class="parsley-error"></span>',
  errorTemplate: '<span></span>'
};
</script>
<script src="plugins/bower_components/parsleyjs/dist/parsley.js"></script>
<script src="plugins/bower_components/parsleyjs/src/i18n/zh_cn.js"></script>
<!-- jQuery UI 1.11.2 -->
<script src="plugins/jQueryUI/jquery-ui.min.js" type="text/javascript"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.2 JS -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Bootstrap-Checkbox -->
<script src="plugins/bootstrap-checkbox/js/bootstrap-checkbox.js" type="text/javascript"></script>
<!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
<!-- daterangepicker -->
<script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
<!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='plugins/fastclick/fastclick.min.js'></script>
<!-- Momentjs-->
<script src='plugins/moment/moment.js'></script>
<!-- Jquery serializeJson-->
<script src="plugins/serialize-object/jquery.serialize-object.min.js"></script>
<!-- AdminLTE App -->
<script src="js/app.min.js" type="text/javascript"></script>
</body>
</html>